//公共的一些样式可以集成到框架通用组件库样式

.flex
  display: flex;
  display:-webkit-box;
  display: -webkit-flex;
  background: white;
  align-items: center;
.gray
  color: rgba(0, 0, 0, .5);


.border-color
  color: #e5e5e5

.font-smoothing
  -webkit-font-smoothing: antialiased;

.font-inherit
  font: inherit;

.backdrop.active
  position: fixed;
  z-index: 998;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  transition: background .35s;
  -webkit-transition: background .35s;
  background: rgba(0,0,0,.5);
  -webkit-tap-highlight-color: transparent;

.bottom-up-modal
  position: fixed;
  z-index: 999;
  top: 0;
  overflow: hidden;
  width: 100%;
  min-height: 100%;
  -webkit-transition: all ease .35s;
  transition: all ease .35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
  background-color: #fff;

.bottom-up-modal.active
  -webkit-transform: translate3d(0,40%,0);
  transform: translate3d(0,40%,0);


select
  -webkit-appearance: none;
  border: 0px none;
  outline: none;
  padding: 0;
  background-color: #fff;

input
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  border: 0px none;
  outline: none;
  padding: 0;
  height: 100%;
